<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:rich="http://richfaces.org/rich">		
<ui:composition template="/pages/layout/masterLayout.xhtml">
	<ui:define name="tituloPagina">Gerenciar Notícias</ui:define>
	<ui:define name="conteudo">
		<t:saveState value="#{gerenciaNoticia.noticias}" />	
		<div id="alinhamentos">	
			<br/>
			<h:messages globalOnly="true" />			
			<h1>:: Gerenciamento de Notícias ::</h1>
			<h2>Inserir notícia</h2>								
			<h:form>			
				<div id="labels">
					Texto:
				</div>
				<div id="campos">
					<h:inputTextarea id="itaTexto" cols="80" rows="5" value="#{gerenciaNoticia.textoNovaNoticia}" required="true" 
					requiredMessage="  Oooops, o texto é requerido :-) " >
					<f:validateLength maximum="5000" />
					</h:inputTextarea>
					<h:message for="itaTexto"/>										
					<br />
				</div>
				<div id="botao_pequeno3">	
					<h:commandButton value=" Inserir " action="#{gerenciaNoticia.incluiNoticia}" />
					<br />
				</div>
			</h:form>
			<h2>Listagem de Notícias</h2>
			<h:form>
				<t:dataTable rows="10" id="tabelaNoticias" binding="#{gerenciaNoticia.tabelaNoticias}" var="n" value="#{gerenciaNoticia.noticias}" style="width: 100%" rowClasses="impar,par">
					<h:column id="idOpcao">
						<f:facet name="header">
							<h:outputText value="Opções" /> 
						</f:facet>
						<center>							
						<nobr>
						<h:commandButton action="#{gerenciaNoticia.confirmaExclusao}" value="Excluir" id="excluir" image="/resources/images/remover.gif" title="Remover" style="width : 22px; height : 22px; text-align: center;"/> &nbsp;&nbsp;
						<h:commandButton action="#{gerenciaNoticia.selecionaNoticiaParaAlteracao}" value="Alterar" id="alterar" image="/resources/images/alterar.gif" title="Alterar" style="width : 22px; height : 22px; align: center;"/>
						</nobr>	
						</center>										
					</h:column>
					
					<h:column id="idNoticia">
						<f:facet name="header">
							<h:outputText value="Id" />
						</f:facet>
						<h:outputText value="#{n.id}"/>
					</h:column>
	
					<h:column id="dataCriacao">
						<f:facet name="header">
							<h:outputText value="Publicação" />
						</f:facet>
						<h:outputText value="#{n.dataCriacao}"/>
					</h:column>
					
					<h:column id="textoNoticia">
						<f:facet name="header">
							<h:outputText value="Texto" />
						</f:facet>
						<h:outputText value="#{n.texto}"/>
					</h:column>	
					
					<h:column id="nomeUsuario">
						<f:facet name="header">
							<h:outputText value="Usuário" />
						</f:facet>
						<nobr><h:outputText value="#{n.admin.nome}"/></nobr>
					</h:column>											
								
					<f:facet name="footer">
						<h:panelGroup rendered="#{empty noticiaBean.ultimasNoticias}">
							<h:outputText value="#{msg['tabela.vazia']}" />
						</h:panelGroup>
					</f:facet>
				</t:dataTable>
				<h:panelGroup rendered="#{not empty gerenciaNoticia.noticias}">
					<div id="menuNavegacao">
						<rich:dataScroller for="tabelaNoticias" maxPages="5" >
						</rich:dataScroller>
					</div>
				</h:panelGroup>
			</h:form>				
		</div>
	</ui:define>
</ui:composition>
</html>